import styled from 'styled-components'

//图片
import bgTop from '@/assets/images/more/bg_912a95a.png'
import line from '@/assets/images/more/border_88b19b4.png'

export const MorelStyle = styled.div`
  .banner_block{
    background: url(${bgTop});
    background-size: 100% auto;
    height: 145px;
    display: flex;
    box-sizing: border-box;
    padding-top: 70px;
    .userface{
      box-shadow: 0 0 15px rgba(255,255,255,.5);
      overflow: hidden;
      margin-left: 30px;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      img{
        width: 100%;
        height: 100%;
      }
    }
    .login{
      margin-left: 20px;
      margin-top: 4px;
      p{
        color: white;
        margin-top: 5px;
        font-size: 12px;
      }
      a:nth-of-type(2){
        margin-left: 10px;
      }
      .jb{

      }
    }
  }
  .menu_list{
    background: #fff;
    box-sizing: border-box;
    padding: 10px 10px;
    margin-bottom: 10px;
    .tit{
      background: url(${line}) left center repeat-x;
      background-size: .02rem;
    }
    ul{
      display: flex;
      box-sizing: border-box;
      padding: 10px 20px;
      justify-content: space-between;
      li{
        a{
          img{
            width: 45px;
            height: 45px;
          }
          p{
            font-size: 12px; 
            color: black;
          }
        }
      }
    }
  }
`